<template>
	<view class="h-flex" :style="'width:' +windowWidth+'px;height:'+windowHeight+'px;'">
		<view class="flex-box box-left" style="background-color: #0055ff;">
			<image :src="imageUrl" class="image-item" :mode="imageMode">
			</image>
		</view>
		<view class="flex-box box-right" style="background-color: #ff0b2b;">
			<image :src="imageUrl" class="image-item" :mode="imageMode">
			</image>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				imageUrl: '',
				//scaleToFill aspectFit aspectFill
				imageMode: "widthFix",
				windowWidth: 100,
				windowHeight: 100,
			};
		},
		onLoad(option) {
			plus.navigator.setFullscreen(true)
			
			let systemInfo = uni.getSystemInfoSync()
			this.windowHeight = systemInfo.windowHeight
			this.windowWidth = systemInfo.windowWidth
			this.imageUrl = option.path
			console.log(this.imageUrl)
		},
		onResize(){
			let systemInfo = uni.getSystemInfoSync()
			this.windowHeight = systemInfo.windowHeight
			this.windowWidth = systemInfo.windowWidth
		},
		methods: {

		}
	}
</script>

<style>

</style>
